<#include "/tags/updatedSinceTag.ftl">
<#include "/tags/userAvatar.ftl">
<#include "/tags/notificationItemTag.ftl">
<#macro userNotification>
	<#if data.notificator??>
		<#assign avatarURL="/images/avatar.png"/>
		<#if data.notificator.avatarURL??>
			<#assign avatarURL=data.notificator.avatarURL/>
		</#if>
		<#assign userStatus=""/>
		<#if data.userStatus.statusText??>
			<#assign userStatus=data.userStatus.statusText/>
		</#if>
		<div id="acc_contain"> 
			<span class="avatar" >
				<a class="editAvatar" id="showAvatarBox" href="#updateAvatar"></a>
				<img id="userAvatar" src="${avatarURL}" alt="avatar" height="74" width="74"/>
			</span>
		    <div class="infomation">
		    	<div class="title titleDashboard">
		    		<b style="float:left">“</b>
		        	<div id="userStatus" style="display:inline;padding-bottom:">${userStatus}</div>
		        	<b>”</b>
		        	<#if (userStatus?? && userStatus?has_content)>
	        			<span class="thumbBox" style="margin-top:0px">
							<a class="icon_1 thumbUpSelected" href="javascript:void(0);" id="thumb_up" title="Có ${data.userStatus.countThumbedUpStatus} người thích trạng thái này">Thích</a>
							<b class="fl countNumber">${data.userStatus.countThumbedUpStatus}</b>
							<a style="margin-top:2px" class="icon_1 thumbDownSelected" href="javascript:void(0);" id="thumb_down" title="Có ${data.userStatus.countThumbedDownStatus} người không thích trạng thái này">Không thích</a>
							<b class="fl countNumber">${data.userStatus.countThumbedDownStatus}</b>
						</span>
	        		</#if>
		        </div>
				<div class="clearthis"></div>
		      	<div class="updatetime updatetimeDashboard">
		      		<#if data.userStatus.updatedSince??>
		      			<@updatedSince minutes=data.userStatus.updatedSince prefix='page.dashboard.updateSince'/>
		      		<#else>
		      			Hãy nhấn vào <i>'Trạng thái của bạn'</i> để cập nhật
		      		</#if>	
		      	</div>
                <div class="notificationBar">
                    <div class="nofiMenu">
                        <a href="#" title="Tin nhắn" rel="messageTop" class="icon_1 menuPosition messageTop"></a>
                        
                        <!--span class="numberOfMessage">12</span-->
                        <div class="dropdownBox" style="display:none;">
                            <p style="padding:10px 0 10px 0;color:#CCC;font-size:12px;font-style:italic;text-align:center">Hiện tại chức năng này được được phát triển.</p>
                        </div>
                    </div>
                    <div class="nofiMenu">
                        <a href="#" title="Yêu cầu kết bạn" rel="requestFriend" class="icon_1 menuPosition  requestFriend"></a>
                        <#if (data.notificator.friendRequestCount > 0)>
                        <span class="numberOfMessage">${data.notificator.friendRequestCount}</span>
                        <#else>
                        <span class="numberOfMessage" style="visibility:hidden;"></span>
                        </#if>
                        <div class="dropdownBox" style="display:none" rel="data">
                            <p class="headDropBox">Yêu cầu kết bạn</p>                            
                            <ul class="listUserInBox">                    
                            	<#list data.notificator.friendRequests as request>
                            	<#assign avatar="${rc.contextPath}/images/avatar.png"/>
			          			<#if request.fromAvatar??>
			          				<#assign avatar=request.fromAvatar/>
			          			</#if>        
                                <li rel="${request.from}">
                                	<@userAvatar avatar=avatar username=request.from linkClass="avatarUser" imgWidth="50" imgHeight="50"/>
                                    <p class="userNameRequest"><a href="/${request.from}">${request.from}</a><br />
                                    gửi yêu cầu theo dõi tới bạn.<br/>
                                    </p>
                                    <a class="btnAccept" href="javascript:acceptFriendRequest('${request.from}')">ĐỒNG Ý</a>
                                    <a class="btnDeny" href="javascript:refuseFriendRequest('${request.from}')">TỪ CHỐI</a>
                                </li>
                                </#list>
                            </ul>
                            <div class="clearthis"></div>
                            <p class="botDropBox"><a href="#">XEM TIẾP</a></p>
                        </div>
                        <div class="dropdownBox" style="display:none;" rel="nodata">
                            <p style="padding:10px 0 10px 0;color:#CCC;font-size:12px;font-style:italic;text-align:center">Hiện tại bạn không có yêu cầu kết bạn nào.</p>
                        </div>
                    </div>
                    <div class="nofiMenu" id="userNotification">
                        <a href="#" title="Thông báo" rel="userNotification" class="icon_1 menuPosition  userNotification"></a>                        
                        <#if (data.notificator.notificationCount > 0)>                       
                        <span class="numberOfMessage">${data.notificator.notificationCount}</span>
                        <#else>
                        <span class="numberOfMessage" style="visibility:hidden;"></span>
                        </#if>
                        <div class="dropdownBox" style="display:none" rel="data">
                        	<p class="headDropBox">Thông báo</p>
                            <ul class="listUserInBox">                            	                     
                            </ul>
                            <div class="loading">
                            	<center><img src='${rc.contextPath}/images/loader.gif'/></center>
                            </div>
                            <div class="clearthis"></div>
                            <p class="botDropBox"><a href="#" class="next_page">XEM TIẾP</a></p>
                        </div>
                        <div class="dropdownBox" style="display:none;" rel="nodata">
                            <p style="padding:10px 0 10px 0;color:#CCC;font-size:12px;font-style:italic;text-align:center">Hiện chưa có thông báo.</p>
                        </div>
                    </div>
                </div>		      	
			</div>	         	
		</div>
	  	<div class="w3"></div>
	</#if>
</#macro>
